<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="/venue/css/bootstrap.min.css" />
		<link rel="stylesheet" href="/venue/css/homePage.css" />
		<link rel="stylesheet" href="/venue/css/coachDetails.css" />

	</head>
	<body >

		<div class="container col-xl-12 " id="cd" >
			<!-- pagehead navbar -->
			<div id="pageHead" class="">
				<!-- Brand/logo -->
				<div id="logoDiv" class="dropdown">
					<a class="navbar-brand  dropdown-toggle" data-toggle="dropdown"><span id="logoSpan">{{venue.nickname}}</span></a>
					<!--					  <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
					<!--						  <span class="sr-only">Toggle Dropright</span>-->
					<!--					  </button>-->
					<div class="dropdown-menu">
						<a class="dropdown-item" href="homePage.html">首页</a>
						<a class="dropdown-item" href="dynamic.html">动态</a>
						<div class="dropdown-divider"></div>
						<a class="dropdown-item" href="#">退出</a>
					</div>
				</div>


				<!-- Links -->
				<div id="linksDiv">
					<ul class="nav nav-tabs nav-justified justify-content-end">
						<li class="nav-item">
							<a class="nav-link active" href="searchCoach.html">查看教练</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="searchVenue.html">查看场馆</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="followed.html">关注</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="message.html">通知</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="myCenter.html">场馆中心</a>
						</li>
					</ul>
				</div>

			</div>
			<!-- navbar end -->

			<!-- 分隔间距 -->
			<div id="separate"></div>

			<!-- details area -->
			<div id="detail">
				<!-- image -->
				<div id="photo" class="info"><img :src="avatar" class="rounded"></div>
				<!-- location 1,2 -->
				<div class="info">
					<div class="infos"  >
						<div class="input-group input-group-lg">
							<div class="input-group-prepend">
								<span class="input-group-text">教练名</span>
							</div>
							<input type="text" readonly="readonly" class="form-control" :value="nickname"  aria-describedby="basic-addon1">
						</div>
					</div>
					<div class="infos">
						<div class="input-group input-group-lg">
							<div class="input-group-prepend">
								<span class="input-group-text">手机号</span>
							</div>
							<input type="text" readonly="readonly" class="form-control" :value="phoneNumber" aria-describedby="basic-addon1">
						</div>
					</div>
					<div class="infos">
						<div class="input-group input-group-lg">
							<div class="input-group-prepend">
								<span class="input-group-text">流派</span>
							</div>
							<input type="text" readonly="readonly" class="form-control" :value="styleName" aria-describedby="basic-addon1">
						</div>
					</div>
					<div class="infos">
						<div class="input-group input-group-lg">
							<div class="input-group-prepend">
								<span class="input-group-text">地址</span>
							</div>
							<input type="text" readonly="readonly" class="form-control" :value="address" aria-describedby="basic-addon1">
						</div>
					</div>
				</div>
				<!-- location 2,1 -->
				<div class="info">
					<div class="infos">
						<div class="input-group input-group-lg">
							<div class="input-group-prepend">
								<span class="input-group-text">是否签约</span>
							</div>
							<input type="text" readonly="readonly" class="form-control" :value="isBand" aria-describedby="basic-addon1">
						</div>
					</div>
					<div class="infos">
						<div class="input-group input-group-lg">
							<div class="input-group-prepend">
								<span class="input-group-text">是否接课中</span>
							</div>
							<input type="text" readonly="readonly" class="form-control" :value="isAccept" aria-describedby="basic-addon1">
						</div>
					</div>
					<div class="infos">
						<div class="input-group input-group-lg">
							<div class="input-group-prepend">
								<span class="input-group-text">是否满课</span>
							</div>
							<input type="text" readonly="readonly" class="form-control" :value="isFull" aria-describedby="basic-addon1">
						</div>
					</div>
					<div class="infos">
						<div class="input-group input-group-lg">
							<div class="input-group-prepend">
								<span class="input-group-text">是否接私教</span>
							</div>
							<input type="text" readonly="readonly" class="form-control" :value="isPrivate" aria-describedby="basic-addon1">
						</div>
					</div>
				</div>
				<!-- location 2,2 -->
				<div class="info">
					<div class="infos">
						<div class="input-group input-group-lg">
							<div class="input-group-prepend">
								<span class="input-group-text">课时费</span>
							</div>
							<input type="text" readonly="readonly" class="form-control" :value="price" aria-describedby="basic-addon1">
						</div>
					</div>
					<div class="infos">
						<div class="input-group input-group-lg">
							<div class="input-group-prepend">
								<span class="input-group-text">期望薪资</span>
							</div>
							<input type="text" readonly="readonly" class="form-control" :value="salary" aria-describedby="basic-addon1">
						</div>
					</div>
					<!-- <div class="infos">
						<div class="input-group input-group-lg">
							<div class="input-group-prepend">
								<span class="input-group-text">手机号</span>
							</div>
							<input type="text" readonly="readonly" class="form-control" value="" aria-describedby="basic-addon1">
						</div>
					</div>
					<div class="infos">
						<div class="input-group input-group-lg">
							<div class="input-group-prepend">
								<span class="input-group-text">手机号</span>
							</div>
							<input type="text" readonly="readonly" class="form-control" value="" aria-describedby="basic-addon1">
						</div>
					</div> -->
				</div>
				<div id="btn"><button @click="invite()" class="btn btn-primary"><span style="font-size: 20px;">签约邀请</span></button></div>
			</div>
		</div>
		<!-- container end -->
	</body>
	<script src="/venue/js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="/venue/js/axios.js" type="text/javascript" charset="utf-8"></script>
	<script src="/venue/js/axios_interceptor.js" type="text/javascript" charset="UTF-8"></script>
	<script src="/venue/js/jquery.min.js"></script>
	<script src="/venue/js/popper.min.js"></script>
	<script src="/venue/js/bootstrap.min.js"></script>
	<script src="/venue/js/coachDetails.js"></script>
</html>
